<html>

	<head>
	
		<center>
		<title>
		//EU MEXI - ALEXANDRE!!!!.//
		
		JOGO - TRABALHO 4
		
		</title>
		</center>
		
		<!--FAZENDO A IMPORTACAO DO ARQUIVO JAVA SCRIPT 'JS' NO HTML--!>
		<script src="Classes/sceneintro.js"></script>
		<script src="Classes/scenegame.js"></script>
		<script src="Classes/nave.js"></script>
		<script src="Classes/inimigo.js"></script>
		<script src="Classes/tiro.js"></script>
		<script src="Classes/background.js"></script>
		<script src="Classes/telainicial.js"></script>
		<script src="Classes/play.js"></script>

	</head>


		<body>
			<center>
			
			<!--CANVAS DO JOGO --!>
			<canvas width="750" height="1000" id="Main" style="border:7px solid #000000;"></canvas>	
			</br>
			</br>
			
		<script>	
		
		 var ALTURA_TELA = 1000;
			
		//Canvas
		var canvas = document.getElementById("Main");
		var screen = canvas.getContext("2d");

		//Pausa
		//var paused = false;
		
		//Introducao
		var intro = new SceneIntro();
	
		// Cena Game
		var game = new SceneGame();


		//Fluxo das telas
		var SCENE = { INTRO: 0,	GAME: 1 }

		var currentScene = SCENE.INTRO
		
				
		/*
		fila1[0] = new Inimigo();
		fila1[1] = new Inimigo();
		fila1[2] = new Inimigo();
		fila1[3] = new Inimigo();
		fila1[4] = new Inimigo();
		fila1[5] = new Inimigo();
		fila1[6] = new Inimigo();
		fila1[7] = new Inimigo();
		fila1[8] = new Inimigo();
		fila1[9] = new Inimigo();
		fila1[10] = new Inimigo();
		fila1[11] = new Inimigo();
		
		fila1[0].posicao_x = 30
		fila1[0].posicao_y = 30
		fila1[1].posicao_x = 30
		fila1[1].posicao_y = 30
		fila1[2].posicao_x = 30
		fila1[2].posicao_y = 30
		fila1[3].posicao_x = 30
		fila1[3].posicao_y = 30
		fila1[4].posicao_x = 30
		fila1[4].posicao_y = 30
		fila1[5].posicao_x = 30
		fila1[5].posicao_y = 30
		fila1[6].posicao_x = 30
		fila1[6].posicao_y = 30
		fila1[7].posicao_x = 30
		fila1[7].posicao_y = 30
		fila1[8].posicao_x = 30
		fila1[8].posicao_y = 30
		fila1[9].posicao_x = 30
		fila1[9].posicao_y = 30
		fila1[10].posicao_x = 30
		fila1[10].posicao_y = 30
		fila1[11].posicao_x = 30
		fila1[11].posicao_y = 30
		*/
		
		load();

		function load()
		{	
			console.log("load")
			if((true))
			{	
				console.log("carregou")
				loop();
			}
				
			else
			{
				console.log("nao carregou");
				setTimeout(load, 30 );
			}
				
		}

		function loop()
		{
			//console.log("loop");
			
			update();
			draw();
			setTimeout(loop, 30 );
		}	
	
		function update()
		{	
			//console.log("update");
			
			switch(currentScene)
			{
				//introducao
				case SCENE.INTRO:
				{
					intro.update();		
				}
				break;
				
				//creditos
				case SCENE.GAME:
				{
					game.update();
				}
				break;
			}
			
		}
 		function draw()
		{
			//console.log("draw");
			
			screen.clearRect(0,0,750,1000);
			
			switch(currentScene)
			{
				case SCENE.INTRO:
				{
					intro.draw();
				}
				break;
				
				case SCENE.GAME:
				{
					game.draw();
				}
				break;
			}
			
			
		}

		//Funcionbando teclado e mouse.
		window.addEventListener('keydown', key_down, true);
		window.addEventListener('keyup', key_up, true);
		window.addEventListener('mousemove', mouse_move, true);
		window.addEventListener('mouseup', mouse_up, true);
		window.addEventListener('mousedown', mouse_down, true);

		function key_down(key)
		{
			switch(currentScene)
			{
				case SCENE.INTRO:
				{
					intro.key_down(key);
				}
				break;
				
				case SCENE.GAME:
				{
					game.key_down(key);
				}
				break;
			}
			
		}

		function key_up(key)
		{
			switch(currentScene)
			{
				case SCENE.INTRO:
				{
					intro.key_up(key);
				}
				break;
				
				case SCENE.GAME:
				{
					game.key_up(key);
				}
				break;
			}
			
		}

		function mouse_move(mouse)
		{
	
		}

		function mouse_up(mouse)
		{
	
		}

		function mouse_down(mouse)
		{
			switch(currentScene)
			{
				case SCENE.INTRO:
				{
					intro.mouse_down(mouse);
				}
				break;
				
				case SCENE.GAME:
				{
					game.mouse_down(mouse);
				}
				break;
			}
		}
		
		function Collide(x1, y1, w1, h1, x2, y2, w2, h2)
		{	
				if((x1+w1<x2)//se rect1 esquerda rect2
				||(x1>x2+w2)//se rect1 direita rect2
				||(y1+h1<y2)//se rect1 acima rect2
				||(y1>y2+h2))//se rect1 abaixo rect2
				{
					return false;//nao colidiu
				}
				
				else
				{
					return true;//colidiu
				}
		}
		
		</script>
		
		</body>
</html>